<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <title>消費列表</title>
</head>
<body>
<div class="hx-main">
    <div class="main-title">
        消費列表
    </div>
    <div class="xf-list-content">
        <form action="" method="post">
            <div class="xf-list-search">
                <span style="float: left;margin-right: 10px;margin-top: 7px;color: #6c6767;">選擇套餐</span>
                <div class="form-group" style="margin-right: 10px;width: 180px;">
                    <select name="" id="" class="form-control select-tc">
                        <option value=""></option>
                        <option value="">11</option>
                        <option value="">22</option>
                        <option value="">33</option>
                        <option value="">44</option>
                    </select>
                </div>
                <button type="button" class="btn btn-default xf-reach" style="background: #00a189;color: white;border: 1px solid #00a189;">查询</button>
                <button type="button" class="btn btn-default xf-dc" style="color: #6c6666;">導出</button>
            </div>
            <div class="record-list xf-list">
                <table class="result-content xf-list">
                    <tr>
                        <th>姓名</th>
                        <th>手機號</th>
                        <th style="width: 100px;">消費時間</th>
                        <th style="width: 140px;">套餐名稱</th>
                        <th>成人份數</th>
                        <th>成人售價</th>
                        <th style="width: 110px;">成人結算價</th>
                        <th>兒童份數</th>
                        <th>兒童售價</th>
                        <th style="width: 110px;">兒童結算價</th>
                        <th>分店名</th>
                        <th>確認賬號</th>
                    </tr>
                    <tr>
                        <td>張三</td>
                        <td>18023013627</td>
                        <td>2016-07-15</td>
                        <td>威尼斯人B店下午茶A餐</td>
                        <td>10</td>
                        <td>10</td>
                        <td>100MOP</td>
                        <td>5</td>
                        <td>50MOP</td>
                        <td>120MOP</td>
                        <td>威尼斯人</td>
                        <td>123456</td>
                    </tr>
                </table>
            </div>
            <div class="page-list">
                <div class="page text-center">
                      <span>
                         21条 2/3頁
                      </span>
                    <button class="btn btn-default" style="margin: 10px 0;">首頁</button>
                    <button class="btn btn-default">上一頁</button>
                    <button class="btn btn-default">下一頁</button>
                    <button class="btn btn-default">末頁</button>
                </div>
            </div>
        </form>
   </div>
</div>
</body>
</html>